<template>
  <div>
     <TypeNav/>
     <Listcontainer/>
     <Recommend/>
     <Rank/>
     <Like/>
     <Floor v-for='(floor,index) in floorList' :key='floor.id' :list='floor'/>
     <Brand/>
  </div>
</template>

<script>
import {mapState} from 'vuex'
import Listcontainer from './Listcontainer'
import Recommend from './Recommend'
import Rank from './Rank'
import Like from './Like'
import Floor from './Floor'
import Brand from './Brand'
export default {
    name:'Home',
    components:{
        Listcontainer,
        Recommend,
        Rank,
        Like,
        Floor,
        Brand
    },
    mounted(){
      this.$store.dispatch('getfloor')
    },
    computed:{
      ...mapState({
        floorList:(state)=>state.home.floorList
      })
    }
}
</script>

<style>

</style>